<template>
  <div class="welcome">
    <!-- 欢迎标语 -->
    <div class="welcomeTitle">
      <h4 class="text-left">
        <i class="el-icon-s-opportunity title" style="margin-right:5px;" />你好，朋友
      </h4>
    </div>
    <div class="welcomeContent">
      欢迎
      <span class="welcomeProvince" v-text="welcomeProvince" />的朋友
      <br />您是第
      <span class="welcomeTime" v-text="welcomeTime" />次访问本网站
    </div>
  </div>
</template>

<script>
export default {
    data() {
        return {
            welcomeProvince: '山东省烟台市',
            welcomeTime: '1'
        }
    },
    created() {
        // 获取访问的次数
    },
}
</script>

<style lang="less" scoped>
.welcome {
  .welcomeTitle {
    padding: 10px;
    border-left: 5px solid #409eff;
    margin-bottom: 5px;
    .title {
    }
  }
  text-align: left;
  h4 {
    margin: 0 0 5px 0;
  }
  .welcomeContent {
    border-top: 1px solid #f6f6f6;
    font-size: 14px;
    .welcomeProvince {
      font-size: 18px;
    }
    .welcomeTime {
      font-size: 18px;
      color: red;
      margin-right: 3px;
    }
  }
}
</style>
